<template>
   <div class="shoplist-none">
       <div class="shoplist-item">
           <div class="shoplist-none-box" v-on:click="handleClick">
               <div></div>
               <p>亲，您的购物车还没有宝贝哦~</p>
               <a href="javascript:void(0)">赶紧逛逛</a>
           </div>
       </div>
   </div>
</template>

<script>
export default {
    methods: {
        handleClick(){
            this.$router.push({
                path:'/home/index/index_recommend'
            })
            console.log(1)
        }
    },

}
</script>

<style lang = "stylus" scoped>

.shoplist-none
  height 2.66rem
  .shoplist-item
     position relative
     width 100%
     height 100%
     .shoplist-none-box
       position absolute
       top 50%
       left 50%
       margin-left -1.11rem
       margin-top -0.71rem
       z-index 1
       width 2.2rem
       text-align center
       div
         background: url(https://api.10street.cn/wap/images/no_data_d.png) no-repeat;
         background-position: 50% 50%;
         background-size: cover
         width 0.96rem
         height 0.96rem
         margin 0 auto
       a
         display  inline-block
         width  0.89rem
         height  0.34rem
         background  #D2231C
         color  #fff
         line-height  0.34rem
         border-radius  0.04rem
         font-size  0.152rem

</style>